import Vue from 'vue'
import App from './App.vue'
// 导入swiper轮播图
import VueAwesomeSwiper from 'vue-awesome-swiper'
Vue.use(VueAwesomeSwiper)

// 挂载头部组件
import  HeadArea from '@/components/HeadArea'
Vue.component(HeadArea.name,HeadArea)

// 挂载歌曲列表组件
import Medley from '@/components/Medley'
Vue.component(Medley.name,Medley)

// 挂载登陆组件
import Login from '@/components/Login'
Vue.component(Login.name,Login)


// 导入router
import router from '@/router'


// 导入swiper样式
import "swiper/css/swiper.css";

// 导入vuex 
import store from "@/store"

// 挂载全局 api 
import * as API from "@/api"

// 挂载 guigui-ui
// import * as dateRuler from "guigui-ui"
// Vue.use(dateRuler)
// gg-dateRuler
// 按需导入ui
import '@/plugins/element'
// 导入element ui 组件
// import { Button} from 'element-ui';
// Vue.use(Button)

// 懒加载
import VueLazyload from 'vue-lazyload'
import errorimage from '@/assets/image/p.gif'
Vue.use(VueLazyload, {
  loading: errorimage,
})


Vue.config.productionTip = false


new Vue({
  render: h => h(App),
  router,
  store,
  beforeCreate(){
    Vue.prototype.$API = API
    Vue.prototype.$bus = this
    // Vue.prototype.$axios = axios
  }
}).$mount('#app')
